<template>
  <el-card class="box-card m_t_b_1vw tab_el_card" shadow="hover">
    <div slot="header">
      <div class="tag">个人排行榜</div>
    </div>

    <el-table :data="tableData" stripe v-loading="loading" style="width: 100%">
      <el-table-column prop="schoolRank" label="总排名"></el-table-column>
      <el-table-column prop="userName" label="姓名"></el-table-column>
      <el-table-column prop="deptName" label="所在单位"></el-table-column>
      <el-table-column prop="points" label="获得学分"></el-table-column>
      <el-table-column prop="deptRank" label="单位排名"></el-table-column>
    </el-table>
  </el-card>
</template>
<script>
export default {
  name: 'StudentsRank',
  data() {
    return {
      tableData: [],
      loading: true
    }
  },
  mounted() {
    var activeMenu = this.$route.query.activeMenu
    this.$store.commit('updateActiveMenu', activeMenu)
    this.fetchData()
  },
  methods: {
    fetchData() {
      this.loading = true
      utils.post('examination/StudentsRankingMore', {}, res => {
        if (res.success) {
          this.tableData = res.data
        }
        this.loading = false
      })
    }
  }
}
</script>